import productRouter from './product'
import customerRouter from './customer'
import componentsRouter from './components'
import directivesRouter from './directives'

export default [{
  path: '/main',
  // name: 'Main',
  meta: {
    hidden: false
  },
  // component: function (res) {
  //   require (['../components/Main.vue'],res);
  // },
  components: {
    default: function (res) {
      require(['../components/Main.vue'], res);
    },
    header: (res) => {
      require(['../components/header.vue'], res);
    },
    footer: function (res) {
      require(['../components/footer.vue'], res);
    }
  },
  children: [
    ...productRouter,
    ...customerRouter,
    ...componentsRouter,
    ...directivesRouter
  ]
}]
